modern
AMOLED
pink
minimalist
high-contrast
eye-friendly
vibrant
futuristic
immersive
emotional
web-design
app-design
dark-mode
light-mode
user-experience
color-theory
trendy
Shadcn/ui Theme Css Variables
name: NeoPulsekeyword: AMOLED Pink single color easy on eyes views: 28
:root { --background: 0 0% 100%; --foreground: 0 0% 10%; --card: 0 0% 98%; --card-foreground: 0 0% 10%; --popover: 0 0% 98%; --popover-foreground: 0 0% 10%; --primary: 330 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 330 30% 90%; --secondary-foreground: 0 0% 10%; --muted: 330 20% 95%; --muted-foreground: 0 0% 40%; --accent: 330 60% 80%; --accent-foreground: 0 0% 10%; --destructive: 0 100% 50%; --destructive-foreground: 0 0% 100%; --border: 330 10% 90%; --input: 330 10% 90%; --ring: 330 100% 50%; --radius: 0.75rem; --chart-1: 330 100% 50%; --chart-2: 330 80% 60%; --chart-3: 330 60% 70%; --chart-4: 330 40% 80%; --chart-5: 330 20% 90%; } .dark { --background: 0 0% 0%; --foreground: 0 0% 90%; --card: 0 0% 5%; --card-foreground: 0 0% 90%; --popover: 0 0% 5%; --popover-foreground: 0 0% 90%; --primary: 330 100% 50%; --primary-foreground: 0 0% 100%; --secondary: 330 30% 10%; --secondary-foreground: 0 0% 90%; --muted: 330 20% 15%; --muted-foreground: 0 0% 60%; --accent: 330 60% 20%; --accent-foreground: 0 0% 90%; --destructive: 0 100% 50%; --destructive-foreground: 0 0% 100%; --border: 330 10% 20%; --input: 330 10% 20%; --ring: 330 100% 50%; --radius: 0.75rem; --chart-1: 330 100% 50%; --chart-2: 330 80% 60%; --chart-3: 330 60% 70%; --chart-4: 330 40% 80%; --chart-5: 330 20% 90%; }